@charset "utf-8";
ul,li,h1,h2,h3,p{ padding:0; margin:0; list-style:none;}
h2{ padding-bottom:15px}
a{ text-decoration:none; color:#000}
html{ background:#cbe3ea}
img{ max-width:100%; display:block}
body{  line-height:24px; margin:0}
.main{width:1000px; margin:0 auto;}
.clear{ clear:both}
.menu li{ list-style:none}
.photo{float:left;width:20%;}
.intro{float:right;width:80%;}
.banner{margin-bottom:10px; position:relative; clear:both}
.menu{ width:100%;  text-align:center; background:#2b99c9; margin-bottom:20px;  position:relative; z-index:55; float:left}
.menu li a{ display:block; padding:10px 0; color:#fff}
.menu li { float:left;font-size:14px; padding:0px 0px ; width:250px}
.menu li a:hover{ background:#bfdfe0}
.content{ padding-bottom:20px;font-size:14px; display:inline-block ;  width:100%}
.end{ background:#94c3d1; color:#fff; clear:both;padding:50px 0; text-align:center;}
.pad{ padding:20px; display:block}
.scrollleft li{ width:190px; text-align:center; margin:5px; float:left}
.bar{ border:#735f53 solid 1px; border-left:#735f53 solid 3px; padding:5px 10px; margin:20px 0}
.fl{ float:left}
.fr{ float:right}
.title{ padding:30px 0}
.head{ color:#efefef; background:#efefef; font-size:36px; padding:20px 0}
#list{display: block;margin: 0px;padding: 0px;width: auto;height: 100%;}
#list >li{float: left;}
#list>li>ul{display: none;position: absolute;float: none;}
#list>li:hover ul{display: block;}
a:hover {background-color: burlywood;}
.ass{ margin:10px}
.ass li{ width:31.3%; margin:1%; float:left; text-align:center}
.ass li img{ display:inline-block; border:#fff solid 1px; padding:5px} 
.about{ font-size:16px; line-height:24px}
